<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
   <script type="text/javascript">
	 $(document).ready(function(){		 
		 $(".delMsgBtn").click(function(){
			 var no= $(this).parent().parent().children().eq(0).text(); 			 	
		 if(confirm("쪽지를 삭제하시겠습니까?")){
				 var url=" ${initParam.root}member/deleteMessage.do?flag=${param.flag}&messageNo="+no;
				 $(location).attr('href',url); 
			 }else{
				 return false;
			 } 
		 }); 
	 });
 </script>
	<table class="list">		
		<thead>
		<tr>
			<th class="no">메세지번호</th>
			<th class="title">제목</th>
		<c:choose>
			<c:when test="${param.flag=='send'}">					
				<th class="name">보낸시간</th>
				<th class="name">받는사람</th>					
			</c:when>
			<c:otherwise>				
				<th class="name">받은시간</th>
				<th class="name">보낸사람</th>		
			</c:otherwise>
		 </c:choose>
			 <th class="name">열람여부</th>	
			 <th class="name">삭제버튼</th>	
			</tr>
		</thead>	
		<tbody>			
		 <c:forEach var="vo" items="${requestScope.lvo.list}">				
		<tr>
			<td  class="no">${vo.messageNo}</td>
			<td class="title"><a href="${initParam.root}member/showMessageContent.do?messageNo=${vo.messageNo}&flag=${param.flag}">${vo.messageTitle}</a></td>
			<td class="name">${vo.sendTime}</td>
		<c:choose>
			<c:when test="${param.flag=='send'}">						
				<td class="name">${vo.receiveMemberId }</td>		
			</c:when>
			<c:otherwise>				
				<td class="name">${vo.sendMemberId }</td>			
			</c:otherwise>
		 </c:choose>
		 <c:choose>
		 	 <c:when test="${vo.readCheck==0}">
			 	<td class="name">안읽음</td>	
			 </c:when>
			 <c:otherwise>
			 		<td class="name">읽음</td>	
			 </c:otherwise>
		 </c:choose>
			<td class="name"><input class="delMsgBtn" type="button" value="삭제"></td>
	
	
			
			</tr>
			</c:forEach> 
		</tbody>					
	</table><br></br>	
	<br><br>	
	<p class="paging">
	<%-- 코드량을 줄이기 위해 pb 변수에 페이징 빈을 담는다 --%>
	<c:set var="pb" value="${requestScope.lvo.pagingBean}"></c:set>
	 <%-- 페이징빈의 getNowPage에 접근하여 출력 --%>
<!-- 
			step2 1) 이전 페이지 그룹이 있으면 이미지 보여준다. (img/left_arrow_btn.gif)
				   		페이징빈의 previousPageGroup 이용 
				   2)  이미지에 이전 그룹의 마지막 페이지번호를 링크한다. 
				   	    hint)   startPageOfPageGroup-1 하면 됨 		 
	 -->      
	<c:if test="${pb.previousPageGroup}">
	<a href="${initParam.root}member/getMyMessageList.do?pageNo=${pb.startPageOfPageGroup-1}&flag=${param.flag}"><!-- <img src="img/left_arrow_btn.gif"> -->◀&nbsp; </a>	
	</c:if>
	<%-- 	<c:if test="${pb.previousPageGroup&&param.flag=='receive'}">
	<a href="${initParam.root}member/getMyMessageList.do?pageNo=${pb.startPageOfPageGroup-1}&flag=receive"><!-- <img src="img/left_arrow_btn.gif"> -->◀&nbsp; </a>	
	</c:if> --%>
	<!-- step1. 1)현 페이지 그룹의 startPage부터 endPage까지 forEach 를 이용해 출력한다
				   2) 현 페이지가 아니면 링크를 걸어서 서버에 요청할 수 있도록 한다.
				      현 페이지이면 링크를 처리하지 않는다.  
				      PagingBean의 nowPage
				      jstl choose 를 이용  
				      예) <a href="DispatcherServlet?command=list&pageNo=...">				   
	 -->		
	<c:forEach var="i" begin="${pb.startPageOfPageGroup}" 
	end="${pb.endPageOfPageGroup}">
	<c:choose>
	<c:when test="${pb.nowPage!=i}">
	<a href="${initParam.root}member/getMyMessageList.do?pageNo=${i}&flag=${param.flag}" id="unselectedPage">${i}</a> 
	</c:when>
	<c:otherwise>
	<span id="selectedPage">${i}</span>
	</c:otherwise>
	</c:choose>
	&nbsp;
	</c:forEach>	 
	<!-- 
			step3 1) 다음 페이지 그룹이 있으면 이미지(img/right_arrow_btn.gif) 보여준다. 
				   		페이징빈의 nextPageGroup 이용 
				   2)  이미지에 이전 그룹의 마지막 페이지번호를 링크한다. 
				   	    hint)   endPageOfPageGroup+1 하면 됨 		 
	 -->   
	<c:if test="${pb.nextPageGroup&&param.flag=='send'}">
	<a href="${initParam.root}member/getMyMessageList.do?pageNo=${pb.endPageOfPageGroup+1}&flag=send">▶<!-- <img src="img/right_arrow_btn.gif"> --></a>
	</c:if>
	<c:if test="${pb.nextPageGroup&&param.flag=='receive'}">
	<a href="${initParam.root}member/getMyMessageList.do?pageNo=${pb.endPageOfPageGroup+1}&flag=receive">▶<!-- <img src="img/right_arrow_btn.gif"> --></a>
	</c:if>
	</p>